<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
        }

        img {
            /* 可以解决图片下方的间距问题 */
            vertical-align: top;
        }

        img {
            width: 100px;
            height: 200px;
        }

        .a {
            width: 100px;
            height: 100px;
            background-color: #f00;
        }
    </style>
</head>

<body>
    <!-- 

    图片是特殊的标签 默认也是左右排列的，但是也支持宽高
    只写宽度或者高度的时候，图片会等比例的缩放


    图片换行会产生空格 --- 左右有个间距


    图片下方有间距   ！！！！！！！！！！！！！！

     -->


    <img src="../images/1211.jpg" alt="">
    <img src="../images/1211.jpg" alt="">
    <div class="a"></div>
</body>

</html>